.breadcrumb {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;

  &--item {
    display: inline-block;

    .is-exact {
      opacity: 0.7;
    }

    &::after {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      margin: 0 5px;
      border-radius: 5px;
      vertical-align: middle;
      background-color: #d3dfe8;
    }

    &:last-child::after {
      display: none;
    }
  }
}
